@media(max-width: 965px) {
    .JS #CountryRegion{
      display: none;
    }
    .JS #HeaderSet .SearchTextBox {
      width: 130px;
    }
    .JS .Grid4 section, .Grid4 .Section {
      width: 735px;
      max-width: 765px;
    }
    .JS #sitemapArea .site-list,
    .PageTop {
      width: 735px;
    }
    .JS ul.boxList li {
      width: 32%;
      margin-right: 6px;
    }
    .JS ul.boxList li:nth-of-type(3n) {
      margin-right: 0;
    }
    .JS ul.boxList li a {
      padding: 0 0 10px;
      line-height: 1.1;
    }
    .JS ul.location {
      left: -120px;
    }
    .JS div.Grid4 div.Column1-3 {
      margin: 0 7px 0 0;
    }
    .JS div.Grid4 div.Column1-3.FirstItem {
      margin: 0 7px;
    }
    .JS div.Grid4 div.Column1-3,
    .JS div.Grid4 div.Column1-3.FirstItem,
    .JS div.Grid4 div.Column1-3.LastItem {
      width: 238px;
    }
  
    .JS article.index-page section.products .products-list dd li a .name {
      font-size: 14px;
    }
  }
  
  @media (max-width: 767px) {
    .JS #Contents {
        padding: 0;
    }
  
    .JS #Contents > .GridSet > .Grid4 {
      padding-bottom: 55px;
    }
    .JS .Grid4 .Section,
    .JS .Grid4 section {
      width: 100%;
    }
    .JS h1 a#body p {
      font-size: 22px;
      padding: 0 0 0 15px;
    }
    .JS h2 {
      margin: 0 0 5px;
    }
    .JS p.Slogan {
      font-size: 24px;
    }
    .JS p.Slogan.HuluL img {
      width: 16px;
    }
  
    .JS #HeaderArea {
      padding: 0;
      height: 40px;
    }
    .JS #SiteIdentity {
      float: left;
      display: inline;
    }
    .JS #HeaderArea #SiteIdentity .Title {
      margin-right: 2px;
      height: 38px;
      font-size: 83%;
      line-height: 40px;
    }
    .JS #GlobalNaviTopButtonSP a {
      height: 45px;
    }
    .JS #GlobalNaviTopButtonSP a img {
      top: 14px;
    }
    .JS #HeaderArea #Search {
      position: absolute;
      top: 0;
      right: 0;
      width: 40px;
      height: 40px;
    }
    .JS #HeaderArea #Search .BtnSearch {
      width: 40px;
      min-width: 40px;
      height: 40px;
      right: 45px;
    }
    .JS #HeaderArea #Search .SearchTextBox {
      display: none;
    }
    .JS #CountryRegion {
      display: none;
    }
    .JS #GlobalNaviSP > .lang {
      display: block;
      padding: 10px 15px;
    }
    .JS #GlobalNaviSP > .lang > a {
      display: inline-block;
      width: 49%;
      margin-right: 1%;
      background: #555;
      color: #ccc;
      padding: 5px;
      font-size: 90%;
      line-height: 1.5;
      text-align: center;
      box-sizing: border-box;
    }
    .JS #GlobalNaviSP > .lang > a:hover {
      color: #FFF;
      background-color: #b1000e;
    }
    .JS #GlobalNaviSP > .lang > a span {
      display: inline;
    }
    .JS #GlobalNaviSP > .lang > a > img {
      display: none;
    }
    .JS #GlobalNaviSP {
    }
    .JS #GlobalNaviTopSP {
      border-top:solid 1px #444;
    }
    .JS #GlobalNaviTopSP > li > a {
      padding: 10px 15px;
    }
    .JS #Search, .JS #HeaderSet .Statement {
      display: none;
    }
    .JS .icon-magic, .JS .pc-visibility {
      display: none;
    }
    .JS #TopicPath ul {
      padding: 10px 15px 15px
    }
    .JS .PageTitleStyle1 a,
    .JS .PageTitleStyle2 a {
      padding: 0 15px;
    }
    .JS .innerContent {
      padding: 0 15px;
    }
    .JS #BrandingImg .swiper-slide {
      height: 250px;
    }
    .JS #BrandingImg .overlay-btn {
      bottom: 0;
      left: 0;
      right: 0;
      top: auto;
      width: 100%;
      height: auto;
      padding: 10px;
      font-size: 90%;
    }
  
    .JS #BrandingImg .swiper-slide .overlay-btn strong {
      font-size: 110%;
      margin-bottom: 0px;
    }
    .JS #BrandingImg .swiper-slide .overlay-btn strong > span,
    .JS #BrandingImg .swiper-slide .overlay-btn > span {
      display: inline;
    }
    .JS #BrandingImg .slider-pagination {
        margin-top: 10px;
    }
    .JS #BrandingImg .slider-pagination .swiper-pagination-bullet {
      background: #000;
    }
    .JS #BrandingImg .slider-pagination .swiper-pagination-bullet-active {
      background: #c20;
    }
    .JS .ResponsiveTableStyle1 .ResponsiveTableHeading {
  
    }
    .JS .ResponsiveTableStyle1 th.left {
      text-align: center;
    }
    .JS .ResponsiveTableStyle1 ul li.mail {
      width: 100%;
      background: #C00;
    }
    .JS .ResponsiveTableStyle1 ul li.mail a {
      display: inline-block;
      min-width: 80px;
      background: url(../images/icon_mail.gif) #C00 no-repeat right 10px center;
    }
    .JS #contactUsForm td input,
    .JS #contactUsForm td textarea {
      width: 93%;
      font-size: 90%;
      padding: 10px;
    }
    .JS .PageTop {
      width: 100%;
    }
    .JS #sitemapArea, .JS #map-china, .JS #PageTopBottom {
      display: none;
    }
  
    .JS .ColumnSet {
      margin: 0;
    }
    .JS .ColumnSet .Column1-3,
    .JS .ColumnSet .Column1-3.FirstItem,
    .JS .ColumnSet .Column1-3.LastItem {
      width: 100%;
      height: 40px;
    }
  
    /* Toppage */
    .JS #TopPage .GridSet {
      margin: 0 0 0 -7px;
    }
    .JS #TopPage article.index-page section.information {
      padding: 44px 0 0;
    }
    /* common */
    .JS #products,.JS #productsTop {
      margin: 0 15px;
    }
    .JS #products .contactBtn ul li a {
      width: auto;
    }
    .JS ul.boxList li {
      width: 49%;
      min-height: 200px;
      margin-bottom: 0;
    }
    .JS ul.boxList.style2 li {
      min-height: 160px;
    }
    .JS ul.boxList li:nth-of-type(n) {
      margin-right: 6px;
      margin-bottom: 6px;
    }
    .JS ul.boxList li:nth-of-type(2n) {
      margin-right: 0;
    }
  
    .JS ul.boxList.style2 li a img {
      width: 100%;
    }
    .JS ul.boxList li h3 {
      font-size: 110%;
    }
    .JS ul.boxList li span {
      font-size: 83%;
    }
  
    /* News */
    .JS .CatchCopy {
      font-size: 120%;
    }
  
    /* Contact Us */
    .JS #contact .ResponsiveTableStyle1 .ResponsiveTableHeading {
      display: none;
    }
    .JS #contactUsForm .buttons {
      padding: 0;
    }
    .JS #contactUsForm button {
      width: 100%;
      margin: 0 0 5px;
    }
  
    /* PeContact */
    .JS #products .PeContact h2 {
      font-size: 150%;
    }
    .JS #products .PeContact ul li a {
      display: inline-block;
    }
  
    /* about */
    .JS #Logo .Color {
      margin: 0 0 30px;
    }
  }